<!-- htl sytle -->
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

	
	<title>Full template</title>
	
</head>
<body>

	<div class="row">
		<!-- begin nav bar -->
		<div id="navbar" class="navbar navbar-default">
			
			<div class="navbar-collapse collapse navbar-responsive-collapse">
				

				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">Hello</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">hoangthuylink <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#">Sign out</a></li>
							<li class="divider"></li>
							<li><a href="#">Change password</a></li>
						</ul>
					</li>
				</ul>
				<form class="navbar-form navbar-right">
					
					<button type="submit" class="btn btn-default">
						<span class="glyphicon glyphicon-search"></span>
					</button>

					<input type="text" class="form-control col-md-3" placeholder="Search"/>
					<br/>
					<div style="margin-left:0px;">
					<label>
										<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
										Account number
									</label>
									
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios1" value="option2" checked="">
										ID card number
									</label>
					</div>
				</form>
				<img src="img/logo.png" alt="LOGO">
			</div>
		</div>

		<!-- end nav bar -->
	</div>

	<div class="row">

		<!-- begin left content -->
		<div id="left_content" class="col-md-3">
			
			


			<div class="row">
				<!-- transaction management -->
				<div class="page-header">
					<h3>Transaction management</h3>
				</div>
				<ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
					<li><a href="#">Create new saving account</a></li>
					<li><a href="#">Create transaction</a></li>
					<li><a href="#">View approved transaction</a></li>

				</ul>
				<!--end transaction managemnet-->

				<div class="page-header">
					<h3>Interest rate <span class="badge pull-right">4</span></h3> 
				</div>
				
			</div>


			

		</div>
		<!-- end left content -->

		<!-- met vl -->
		<!-- begin right content -->
		<div class="col-md-8">

			<div class="row">

				<!-- begin form -->
				<div class="page-header">
					<h3 class="float_right">Make new transaction</h3>
				</div>
				<form class="form-horizontal">
					<fieldset>

						<div class="form-group">
							<label for="account" class="col-lg-4 control-label">Saving account number</label>
							<div class="col-lg-6">
								<input type="text" class="form-control" id="account" placeholder="Account number">
							</div>
						</div>
						<div class="form-group">
							<label for="amount" class="col-lg-4 control-label">Amount</label>
							<div class="col-lg-6">
								<input type="text" class="form-control" id="amount" placeholder="Amount">

							</div>
						</div>

						<div class="form-group">
							<label class="col-lg-4 control-label">Transaction type</label>
							<div class="col-lg-6">
								<div class="radio">
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
										Deposit
									</label>
								</div>
								<div class="radio">
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
										Withdraw
									</label>
								</div>


							</div>
						</div>

						<div class="form-group">
							<label class="col-lg-4 control-label">Money type</label>
							<div class="col-lg-6">
								<select class="form-control">
									<option>VND</option>
									<option>USD</option>

								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-lg-4 control-label">Date</label>
							<div class="col-lg-6">
								<div class='input-group date' id='datetimepicker'>
									<input type='text' class="form-control" />
									<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
								</span>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-4 control-label">Period</label>
						<div class="col-lg-6">
							<input type="text" class="form-control" id="period" placeholder="period">

						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-lg-10 col-lg-offset-3">
						<button class="btn btn-success">Cancel</button>
						<button type="submit" class="btn btn-success">Submit</button>
					</div>
				</div>
			</fieldset>
		</form>
		<!-- end form -->
	</div>


	


	
</div>

<!--end main row-->
</div>
<!-- end right content -->
</div>

<script type="text/javascript" src="js/moment.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.css">
<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" type="text/css" href="css/site.css">
<script type="text/javascript" src="js/site.js"></script>
</body>
</html>